<h2>Default Size</h2>
<nz-list>
  <nz-list-item *ngFor="let item of data">
    <span nz-typography>
      <mark> [Item] </mark>
    </span>
    {{ item }}
  </nz-list-item>
  <nz-list-header>Header</nz-list-header>
  <nz-list-footer>Footer</nz-list-footer>
</nz-list>

<h2>Small Size</h2>
<nz-list nzSize="small">
  <nz-list-item *ngFor="let item of data">
    {{ item }}
  </nz-list-item>
  <nz-list-header>Header</nz-list-header>
  <nz-list-footer>Footer</nz-list-footer>
</nz-list>

<h2>Large Size</h2>
<nz-list nzSize="large">
  <nz-list-item *ngFor="let item of data">
    <ul nz-list-item-actions>
      <nz-list-item-action>
        <a>edit</a>
      </nz-list-item-action>
    </ul>
    {{ item }}
  </nz-list-item>
  <nz-list-header>Header</nz-list-header>
  <nz-list-footer>Footer</nz-list-footer>
</nz-list>
